<template>
    <nav class="flex flex-row justify-between items-center">
        <div class="lg:w-1/4 "><a href="/">
                <svg class="cursor-pointer w-40 sm:w-48 lg:w-38" width="216px" height="61px" viewBox="0 0 216 61"
                    version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <title>myWellaBee</title>
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <g id="Desktop-HD" transform="translate(-17.000000, -59.000000)" fill-rule="nonzero">
                            <g id="Group-13" transform="translate(0.000000, 44.000000)">
                                <g id="Group-15" transform="translate(17.934780, 15.696189)">
                                    <path
                                        d="M89.3065997,30.3979586 C89.2776998,26.161301 87.2258106,24.0279485 84.0179275,24.0279485 C83.0642326,24.0279485 81.0701431,24.4786568 80.0875483,26.7021509 C79.191653,24.779129 77.7755604,24.0579958 75.6369717,24.0579958 C74.1919866,24.0579958 72.7469942,24.8993178 72.1111975,26.3716315 L72.1111975,26.0411121 C72.1111975,24.9894595 71.1864024,24.1781846 70.0882082,24.1781846 C69.0189138,24.1781846 68.0941201,25.0195067 68.0652204,26.0411121 L68.0652204,36.6477797 C68.0941201,37.6693851 69.0189138,38.5107072 70.0882082,38.5107072 C71.1864024,38.5107072 72.1111975,37.6994323 72.1111975,36.6477797 L72.1111975,30.9388085 C72.1111975,28.8054561 73.2382916,28.0843228 74.4520852,28.0843228 C75.6080719,28.0843228 76.6773662,29.0157866 76.6773662,30.7885724 L76.6773662,36.6477797 C76.7062661,37.6693851 77.6310612,38.5107072 78.7003556,38.5107072 C79.7985498,38.5107072 80.7233449,37.6994323 80.7233449,36.6477797 L80.7233449,30.9388085 C80.7233449,28.8955977 81.7348396,28.0843228 83.0064329,28.0843228 C84.1913266,28.0843228 85.260621,29.0458338 85.260621,30.878714 L85.260621,36.6477797 C85.2895208,37.6693851 86.214316,38.5107072 87.2836103,38.5107072 C88.3818045,38.5107072 89.3065997,37.6994323 89.3065997,36.6477797 L89.3065997,30.3979586 Z M102.710249,26.5033827 C103.079417,25.4677562 102.511466,24.374595 101.545949,24.1156883 C100.296456,23.7992469 99.3877347,24.374595 99.0753615,25.2663844 L96.5195814,31.8253522 L94.0205964,25.2663844 C93.7082233,24.374595 92.7995015,23.7992469 91.550009,24.1156883 C90.5844921,24.374595 90.0165409,25.4677562 90.3857092,26.5033827 L94.5033549,36.2267648 L92.2883455,41.8076408 C91.8907797,42.8432673 92.4587308,43.9939634 93.4242477,44.2241026 C94.6453427,44.5117767 95.5540645,43.9939634 95.9232327,43.1021739 L102.710249,26.5033827 Z M114.979555,19.9316973 L114.806058,19.9316973 C113.793987,19.9316973 113.128912,20.4540085 112.897582,21.3245271 L110.526445,30.0006956 L106.911908,18.5678849 C106.593829,17.5812972 105.321512,17.058986 104.280525,17.3491589 C103.181706,17.668349 102.574463,18.9160923 102.921459,19.9316973 L108.299891,35.9202219 C108.61797,36.9068096 109.340877,37.5451899 110.266199,37.5451899 L110.555362,37.5451899 C111.5096,37.5451899 112.29034,36.8777923 112.550586,35.9202219 L114.892807,26.895846 L117.235027,35.9202219 C117.495273,36.8777923 118.276013,37.5451899 119.230251,37.5451899 L119.519414,37.5451899 C120.444736,37.5451899 121.167643,36.9068096 121.485723,35.9202219 L126.864154,19.9316973 C127.21115,18.9160923 126.603907,17.668349 125.505088,17.3491589 C124.464101,17.058986 123.191784,17.5812972 122.873705,18.5678849 L119.259168,30.0006956 L116.888031,21.3245271 C116.656701,20.4540085 115.991626,19.9316973 114.979555,19.9316973 Z M129.858324,29.821052 C130.202469,27.8105043 131.349618,26.9245003 132.840912,26.9245003 C134.332206,26.9245003 135.450676,27.8786585 135.651427,29.821052 L129.858324,29.821052 Z M137.714396,34.4794238 C137.114696,33.7926126 136.035235,33.6134445 135.075715,34.2703943 C134.20615,34.8676215 133.48651,34.9273442 132.64693,34.9273442 C131.177664,34.9273442 129.408549,34.240533 129.198654,32.6280196 L138.224141,32.6280196 C138.883811,32.6280196 139.513496,32.0905152 139.513496,31.3439812 C139.513496,26.9543616 136.335085,24.0279485 132.347079,24.0279485 C128.329088,24.0279485 125.030738,26.8349162 125.030738,31.2245358 C125.030738,35.6141554 128.329088,38.5107072 132.347079,38.5107072 C133.996255,38.5107072 135.76537,38.1822322 137.174666,37.2565301 C138.194156,36.659303 138.494006,35.3752646 137.714396,34.4794238 Z M144.341082,18.105405 C144.341082,17.0883759 143.458387,16.3038106 142.410186,16.3038106 C141.389569,16.3038106 140.506598,17.1174339 140.479013,18.105405 L140.479013,35.7435955 C140.506598,36.7315666 141.389569,37.5451899 142.410186,37.5451899 C143.458387,37.5451899 144.341082,36.7606246 144.341082,35.7435955 L144.341082,18.105405 Z M151.099703,18.105405 C151.099703,17.0883759 150.216944,16.3038106 149.168669,16.3038106 C148.147979,16.3038106 147.26522,17.1174339 147.237634,18.105405 L147.237634,35.7435955 C147.26522,36.7315666 148.147979,37.5451899 149.168669,37.5451899 C150.216944,37.5451899 151.099703,36.7606246 151.099703,35.7435955 L151.099703,18.105405 Z M163.514312,26.2675504 C162.371688,24.4161462 160.372097,24.0279485 159.515129,24.0279485 C156.115822,24.0279485 153.030738,26.6258867 153.030738,31.2543972 C153.030738,35.8829077 156.115822,38.5107072 159.515129,38.5107072 C161.029105,38.5107072 162.657344,37.7343119 163.514312,36.2711053 L163.514312,36.5398575 C163.542878,37.5551437 164.456977,38.3912617 165.513904,38.3912617 C166.599397,38.3912617 167.513496,37.5850051 167.513496,36.5398575 L167.513496,25.9987982 C167.513496,24.9536506 166.599397,24.147394 165.513904,24.147394 C164.456977,24.147394 163.542878,24.983512 163.514312,25.9987982 L163.514312,26.2675504 Z M156.892807,31.2693279 C156.892807,29.493758 158.099703,27.8900175 160.211772,27.8900175 C162.112634,27.8900175 163.651427,29.493758 163.651427,31.2693279 C163.651427,33.0448977 162.112634,34.6486382 160.211772,34.6486382 C158.099703,34.6486382 156.892807,33.0448977 156.892807,31.2693279 Z M178.306332,37.5451899 C182.407909,37.5451899 184.892807,34.6906781 184.892807,31.3358911 C184.892807,29.6879255 183.725204,27.3925449 181.000799,26.7157019 C183.126434,25.9211471 183.81502,24.2437536 183.81502,22.9194955 C183.81502,19.4469966 181.419938,17.2693279 177.707562,17.2693279 L171.180965,17.2693279 C170.07324,17.2693279 169.474469,18.0933106 169.444531,19.0938612 L169.444531,35.7206566 C169.444531,36.6917792 170.07324,37.5451899 171.180965,37.5451899 L178.306332,37.5451899 Z M174.272117,24.9934658 L174.272117,21.1313968 L177.346669,21.1313968 C178.506368,21.1313968 179.099703,21.9249726 179.099703,23.0624313 C179.099703,24.1469849 178.398489,24.9934658 177.373639,24.9934658 L174.272117,24.9934658 Z M178.610208,28.8555347 C180.244851,28.8555347 181.030738,30.1124211 181.030738,31.2264795 C181.030738,32.397669 180.244851,33.683121 178.704515,33.683121 L174.272117,33.683121 L174.272117,28.8555347 L178.610208,28.8555347 Z M189.720393,29.821052 C190.064538,27.8105043 191.211687,26.9245003 192.702981,26.9245003 C194.194275,26.9245003 195.312745,27.8786585 195.513496,29.821052 L189.720393,29.821052 Z M198.541982,34.4794238 C197.942282,33.7926126 196.862822,33.6134445 195.903301,34.2703943 C195.033736,34.8676215 194.314096,34.9273442 193.474516,34.9273442 C192.00525,34.9273442 190.236135,34.240533 190.02624,32.6280196 L199.051727,32.6280196 C199.711397,32.6280196 200.341082,32.0905152 200.341082,31.3439812 C200.341082,26.9543616 197.162672,24.0279485 193.174666,24.0279485 C189.156675,24.0279485 185.858324,26.8349162 185.858324,31.2245358 C185.858324,35.6141554 189.156675,38.5107072 193.174666,38.5107072 C194.823841,38.5107072 196.592956,38.1822322 198.002252,37.2565301 C199.021742,36.659303 199.321592,35.3752646 198.541982,34.4794238 Z M204.203151,29.821052 C204.547296,27.8105043 205.694445,26.9245003 207.185739,26.9245003 C208.677033,26.9245003 209.795504,27.8786585 209.996255,29.821052 L204.203151,29.821052 Z M213.024741,34.4794238 C212.42504,33.7926126 211.34558,33.6134445 210.38606,34.2703943 C209.516495,34.8676215 208.796855,34.9273442 207.957274,34.9273442 C206.488009,34.9273442 204.718894,34.240533 204.508998,32.6280196 L213.534486,32.6280196 C214.194156,32.6280196 214.823841,32.0905152 214.823841,31.3439812 C214.823841,26.9543616 211.64543,24.0279485 207.657424,24.0279485 C203.639433,24.0279485 200.341082,26.8349162 200.341082,31.2245358 C200.341082,35.6141554 203.639433,38.5107072 207.657424,38.5107072 C209.3066,38.5107072 211.075715,38.1822322 212.48501,37.2565301 C213.504501,36.659303 213.804351,35.3752646 213.024741,34.4794238 Z"
                                        id="Shape" fill="#000000"></path>
                                    <g id="Group"
                                        transform="translate(29.065220, 30.096259) rotate(-21.000000) translate(-29.065220, -30.096259) translate(7.065220, 6.303811)">
                                        <path
                                            d="M12.2168445,27.7534081 C12.2168445,19.2505044 16.7623061,11.8104258 22.2168833,11.8104258 C27.6712666,11.8104258 32.2168445,17.1247784 32.2168445,27.7534081 C32.2168445,38.3821135 24.0352697,42.8104258 22.2168833,42.8104258 C20.3986909,42.8104258 12.2168445,38.3821135 12.2168445,27.7534081 Z"
                                            id="Path" fill="#F2DA16"></path>
                                        <path
                                            d="M1.45299143,35.3893385 C0.267748394,32.6779296 10.6717538,21.8326796 13.4374258,21.8326796 C11.9624112,26.1707796 13.4374258,32.6779296 14.3593296,35.3893385 C12.515522,36.2928201 3.64509908,40.4037965 1.45299143,35.3893385 Z"
                                            id="Path" fill="#FFFFFF"></path>
                                        <path
                                            d="M42.0831742,35.4566615 C43.2517603,32.7189051 33.8183179,21.993626 31.0917473,21.993626 C32.5458402,26.3738754 31.0917473,32.9442687 30.1828904,35.6818337 C32.0006041,36.5943936 39.9221492,40.5199715 42.0831742,35.4566615 Z"
                                            id="Path" fill="#FFFFFF"></path>
                                        <path
                                            d="M0,34.2780875 C0.226062559,33.575823 0.491744732,32.8860371 0.795755851,32.2124301 C1.79395111,30.3675293 3.02552273,28.6533191 4.46141109,27.1104236 C6.71742155,24.5246023 9.25205999,22.185361 12.021209,20.1334812 C12.2017071,19.9657486 12.3332379,19.7538096 12.4021518,19.5195902 C13.0968835,17.3228487 14.2499981,15.291596 15.7884359,13.5547904 C16.0847031,13.2395587 16.4402627,12.9657779 16.7196338,12.6339344 C16.774937,12.5564255 16.8119752,12.4678551 16.8280499,12.3746004 C16.8441637,12.2813456 16.838962,12.185729 16.8127575,12.0947181 C15.4328763,9.60593057 14.0275729,7.11710371 12.6307175,4.62831622 C12.4952755,4.39602571 12.3598335,4.17204114 12.2413267,3.93148406 C12.1356874,3.70423223 12.124306,3.44564617 12.2096075,3.21036395 C12.294909,2.97508174 12.4702052,2.78148663 12.698458,2.67047846 C12.9249117,2.56907525 13.1825761,2.55730523 13.4176342,2.63772711 C13.6526923,2.71810962 13.8469575,2.88442506 13.9598323,3.10187511 C14.6370813,4.26332765 15.2973952,5.43304674 15.9577482,6.60276584 C16.8043095,8.0628776 17.6508707,9.52294999 18.4212434,10.9913283 C18.5990037,11.2982935 18.7513808,11.314866 19.0561741,11.1821285 C20.0098609,10.7333721 21.0542856,10.5004124 22.1122818,10.5004124 C23.1702389,10.5004124 24.2145072,10.7333721 25.1684286,11.1821285 C25.4645001,11.314866 25.6084292,11.2816816 25.7695672,10.9996342 C27.0899603,8.65189011 28.4698024,6.24604383 29.8074044,3.90656627 C29.9685424,3.63282484 30.1124715,3.35073812 30.2814317,3.07699669 C30.3447918,2.96803547 30.4296631,2.87237949 30.5305699,2.79550043 C30.6318678,2.71862136 30.7472458,2.66201507 30.8708371,2.62887008 C30.9940372,2.59576445 31.1231041,2.58674995 31.2498243,2.60245643 C31.3769356,2.61812354 31.4993536,2.65815734 31.6108204,2.72027468 C31.7218961,2.78235265 31.8192829,2.86529387 31.8978964,2.96437456 C31.9765098,3.0634159 32.0340032,3.17666785 32.06803,3.29759591 C32.1016656,3.41856332 32.1110522,3.54484496 32.0950167,3.66927646 C32.0789811,3.7936686 32.0379144,3.91376999 31.9745543,4.02273121 C31.0096817,5.76489032 30.0189958,7.49043758 29.0373054,9.2325967 C28.4952246,10.1949431 27.9367171,11.1572501 27.4118452,12.1444749 C27.379383,12.2249362 27.368823,12.3121681 27.3805563,12.3978648 C27.3922897,12.4835616 27.4263164,12.5648101 27.4795076,12.6339344 C29.5778218,14.5995269 31.1055041,17.0759539 31.9068919,19.8099435 C31.9941098,20.001846 32.1313901,20.1678071 32.3050436,20.2911364 C36.2791296,23.263518 39.7330369,26.8500267 42.5314411,30.9099735 C43.2753355,31.8880658 43.7716563,33.0254665 43.9789455,34.2284881 C44.0716389,35.1157662 43.8565275,36.007768 43.368029,36.7604192 C42.8795305,37.5130703 42.1461961,38.0822824 41.2869237,38.376336 C40.1601309,38.8731173 38.9355602,39.119146 37.7000383,39.0978891 C36.4649076,39.0762386 35.2497236,38.7873024 34.1420953,38.2519439 C33.1514093,37.8122413 32.1865368,37.3060125 31.1790331,36.808444 C30.8403304,37.4390649 30.5184454,38.0858253 30.1461071,38.699913 C29.0736788,40.7145933 27.3707785,42.3399576 25.2869354,43.3374566 C24.9110771,43.4768073 24.5727655,43.6988236 24.2982051,43.9861852 C24.0236446,44.2739404 23.8202666,44.6195616 23.7037153,44.9966745 C23.4580971,45.6768948 23.1197855,46.3323154 22.8147184,46.9960025 C22.7634828,47.1625148 22.6598382,47.3093448 22.5182557,47.4148419 C22.3770644,47.5207327 22.2053664,47.5801732 22.0274106,47.584897 C21.8483987,47.5817478 21.6748234,47.5230945 21.5318329,47.4172038 C21.3888034,47.3117066 21.2837899,47.1640894 21.2318112,46.9960025 C20.8085501,46.0418046 20.3852499,45.0793401 19.9535017,44.142069 C19.8633113,43.9054878 19.6929822,43.7063029 19.4709872,43.5779743 C16.8466277,42.5241839 15.1450181,40.5417827 13.7990072,38.2019508 C13.5196361,37.7126488 13.2825833,37.2064201 13.0201474,36.6923184 C12.1735861,37.1237544 11.3947654,37.5217305 10.5820353,37.9531665 C9.44796784,38.5479657 8.2050931,38.9175993 6.92490631,39.0400232 C5.82334022,39.1900023 4.70104522,39.0778132 3.65325699,38.7125097 C2.60542966,38.3472062 1.66296781,37.7394168 0.905814682,36.9411027 C0.525263004,36.3939347 0.220665217,35.7999229 0,35.1740258 L0,34.2780875 Z M11.4285966,23.120034 C11.3240524,23.1680589 11.2247492,23.2264366 11.1323295,23.2942618 C8.47531217,25.4950185 6.09907397,28.0019137 4.05504604,30.7606242 C3.35781122,31.7134838 2.75139254,32.7270828 2.24337756,33.7887855 C2.11579693,34.0127701 2.03788748,34.2611607 2.01481189,34.5170306 C1.9917363,34.7725068 2.02400301,35.030345 2.10950003,35.2728309 C2.19499705,35.5157105 2.33180792,35.7381205 2.51097618,35.925496 C2.69010534,36.1128715 2.90760255,36.2608824 3.14923135,36.3604748 C4.26249168,37.0080225 5.56418962,37.2737335 6.84871775,37.1154879 C8.67176757,36.7958473 10.4038057,36.0971256 11.9280853,35.0661668 C11.995513,35.0378242 12.0562526,34.9960978 12.1064714,34.9437429 C12.1566901,34.8913879 12.1953319,34.8291919 12.219972,34.7614848 C12.2445729,34.6937776 12.2547027,34.6217404 12.2496182,34.5500969 C12.2445729,34.4780596 12.2244306,34.4083843 12.1905213,34.3446136 C11.4542926,31.8784608 11.1228254,29.3134241 11.208518,26.7453956 C11.2254532,25.5507587 11.34396,24.3478553 11.4285966,23.120034 Z M32.7282265,23.120034 C32.8299155,24.0906864 32.9566357,24.887111 32.9906624,25.6918021 C33.1842627,28.6473357 32.8432133,31.6131827 31.9831587,34.4524726 C31.8986786,34.7260566 31.9068919,34.9252415 32.2033546,35.0661668 C33.3375785,35.6137284 34.4299535,36.2526158 35.5895996,36.7253847 C36.4668632,37.0839962 37.4196113,37.2308261 38.3668838,37.1528842 C39.3145474,37.0749423 40.2289665,36.7745904 41.0330922,36.2774155 C41.442195,36.0813798 41.7586044,35.7385141 41.9162224,35.3196748 C42.0742315,34.9008354 42.0609337,34.438695 41.8794579,34.0293032 C41.6533953,33.3758115 41.3522393,32.7495994 40.9822477,32.1626732 C38.973498,29.1460458 36.5521255,26.4133552 33.7861836,24.0408901 C33.4901121,23.7671487 33.1514093,23.4933679 32.7282265,23.12834 L32.7282265,23.120034 Z M31.035104,29.3669206 C25.2255309,31.3836478 18.8639427,31.2509103 13.1471413,28.9935867 C13.3249016,30.1218549 13.502701,31.1256522 13.629695,32.1377554 C13.6561341,32.3302483 13.7390107,32.5110893 13.868234,32.6583129 C13.9974573,32.8055759 14.1674735,32.9129231 14.3577103,32.9673644 C17.4120188,34.2820239 20.7502744,34.8378521 24.0764447,34.5851313 C26.0820655,34.4548345 28.0556151,34.0210366 29.9259112,33.2992079 C30.0784448,33.2411452 30.2814317,33.1084077 30.306854,32.9756703 C30.5692899,31.8474021 30.7894858,30.677683 31.0433173,29.3752265 L31.035104,29.3669206 Z M13.8836438,21.2368709 C13.7058835,22.2240957 13.5619544,23.1366459 13.375707,24.0408901 C13.3548217,24.1013148 13.3466474,24.1652429 13.3516145,24.2288561 C13.3566208,24.2924299 13.374651,24.3543898 13.4047275,24.4109567 C13.4347649,24.4675237 13.4761836,24.5175561 13.5264806,24.5580623 C13.5767775,24.5985291 13.6349359,24.6286036 13.6973964,24.6465145 C15.8632947,25.6917627 18.2086351,26.3331302 20.6138156,26.5379836 C23.7737243,26.8447519 26.9632401,26.4213856 29.9259112,25.3018957 C30.8825704,24.9368678 30.9079927,24.9368678 30.772668,23.9579489 C30.670979,23.12834 30.4934143,22.3900175 30.3322763,21.5604086 C24.9677883,23.2645415 19.1741334,23.150581 13.8836438,21.2368709 Z M15.4751946,17.3792188 C19.7716739,18.9119189 24.4640364,19.0139519 28.8253229,17.6696115 C28.0395795,15.9427258 26.7829376,14.461554 25.1938508,13.3888687 C24.2649606,12.7664356 23.1631989,12.4389615 22.0379706,12.4508102 C20.9129378,12.4626983 19.8186855,12.8133582 18.9037579,13.4552374 C17.4424082,14.4599401 16.2632064,15.8095554 15.4751946,17.3792188 Z M16.0170016,37.9862328 C17.2106354,40.2182057 19.589494,42.1344744 22.0700417,42.1344744 C24.5504721,42.1344744 27.0309025,40.0934199 27.995775,38.2354107 C24.0404625,39.0963145 19.9316386,39.0108934 16.0170016,37.9862328 Z"
                                            id="Shape" fill="#000000"></path>
                                        <path
                                            d="M23.0370255,0 C23.7575934,0.103453184 24.4703966,0.246230679 25.1715526,0.427513968 C26.2640516,0.772500267 27.3227739,1.17748728 28.4486613,1.62749262 L27.5665868,3 C26.6751946,2.61099183 25.7574023,2.27280276 24.8186452,1.98749689 C23.7711817,1.72115921 22.6887769,1.57991198 21.5999662,1.5674919 C19.8477361,1.57980522 18.1328543,2.02080689 16.6419466,2.84248923 C16.3058109,3.03000036 16.246993,2.92498132 16.1125466,2.69248746 C15.9108574,2.33999217 15.675547,2.00247927 15.4486613,1.64998399 C16.9665515,0.778514573 18.6946721,0.241248413 20.4907342,0.0824920818 C20.5411274,0.0824920818 20.5915594,0.0300003559 20.6419914,0 L23.0370255,0 Z"
                                            id="Path" fill="#FFFFFF"></path>
                                        <path
                                            d="M27.0615343,5.47029367 L26.2324933,6.48426739 C25.1371964,5.96291413 23.8540613,5.68501943 22.5417475,5.68501943 C21.229616,5.68501943 19.9462985,5.96291413 18.8510016,6.48426739 L18.0615343,5.49878322 C19.3844619,4.84287497 20.9503025,4.48940459 22.5556074,4.48432296 C24.1604381,4.47924133 25.730619,4.82279173 27.0615343,5.47029367 Z"
                                            id="Path" fill="#FFFFFF"></path>
                                        <path
                                            d="M23.9924078,9.46419265 C23.404,9.09557893 22.6663902,8.89415461 21.90558,8.89415461 C21.1447299,8.89415461 20.40736,9.09557893 19.8190322,9.46419265 L18.9532207,8.26060469 C19.8091521,7.7535451 20.8585261,7.47398609 21.9415805,7.46444676 C23.0247949,7.45487604 24.082409,7.71588982 24.9532207,8.20769903 L23.9924078,9.46419265 Z"
                                            id="Path" fill="#FFFFFF"></path>
                                        <path
                                            d="M20.4141116,14.3576236 C20.5493262,14.3614196 20.6822964,14.3921373 20.8048924,14.4478788 C20.9274883,14.5036203 21.0371164,14.5832367 21.1270434,14.6818332 C21.2169704,14.7803797 21.2853009,14.8958584 21.3278454,15.0211269 C21.3703899,15.1463954 21.3862505,15.2788063 21.3744299,15.4102683 C21.349392,15.6585576 21.2347762,15.8901644 21.0509322,16.0636822 C20.867138,16.2372 20.6261357,16.3413407 20.3709187,16.3576236 C20.0999906,16.3363959 19.8472175,16.2162221 19.663174,16.021077 C19.4791305,15.8259319 19.3773828,15.5702004 19.3782254,15.3049789 C19.4041664,15.051545 19.5234705,14.8158924 19.7139481,14.6416753 C19.9043758,14.4674583 20.1531588,14.3665642 20.4141116,14.3576236 Z"
                                            id="Path" fill="#000000"></path>
                                        <path
                                            d="M23.5623562,14.499147 C23.6975781,14.500096 23.831813,14.528716 23.9556842,14.5832087 C24.0795553,14.6377015 24.1905952,14.7168684 24.2818947,14.8157646 C24.3731942,14.9146108 24.4422857,15.0310885 24.4857146,15.1577555 C24.5291435,15.2844225 24.5454294,15.4185816 24.5335851,15.5517917 C24.5084161,15.8017792 24.3939216,16.0346847 24.2098422,16.2084522 C24.0257627,16.3821698 23.784436,16.4852616 23.530278,16.499147 C23.2706914,16.4816154 23.0268972,16.3714811 22.8442983,16.1893223 C22.6612058,16.0071136 22.55214,15.7654674 22.5373347,15.5096859 C22.5476984,15.2449639 22.6592318,14.9939275 22.8492334,14.8066242 C23.039235,14.6193208 23.2938864,14.5095361 23.5623562,14.499147 Z"
                                            id="Path" fill="#000000"></path>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </g>
                </svg>
            </a>
        </div>
        <nav class="hidden xl:flex flex-auto flex-row justify-center whitespace-nowrap">
            <div class="relative" v-for="(item) in navListData" :key="item.name">
                <div>
                    <a class="cursor-pointer px-5 py-3 flex flex-row items-center gap-3 hover:opacity-80 whitespace-nowrap capitalize"
                        :href="item.path" @click.prevent="() => openOrCloseNav(item)">
                        <span>{{item.name}}</span>
                        <svg v-if="item.subNav?.length" class="w-4 h-4" width="16px" height="16px" viewBox="0 0 16 16"
                            version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <title>Icons/Chevron down</title>
                            <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
                                stroke-linecap="round" stroke-linejoin="round">
                                <g id="Icons/Chevron-down" stroke="currentColor" stroke-width="1.71428571">
                                    <polyline id="Path" points="14 5 8 11 2 5"></polyline>
                                </g>
                            </g>
                        </svg>
                    </a>
                </div>
                <SubNav v-if="item?.subNav?.length && item.isOpen" :subNav="item.subNav"
                    @navClose="() => openOrCloseNav(item)" />
            </div>
        </nav>
        <div
            class="flex flex-row items-center transition-opacity duration-1000 w-auto lg:max-w-2/4 ml-3 justify-end opacity-100">
            <Country />
            <RightNav />

        </div>
    </nav>
</template>
<script lang="ts" setup>
import { NavItem, useNav } from './useNav';

import SubNav from "../SubNav/index.vue";
import Country from '../Country/index.vue';

import { ref } from 'vue';
import RightNav from '../RightNav/index.vue';
import { useRouter } from 'vue-router';
const navList = useNav()
const router = useRouter();
const navListData = ref<NavItem[]>(navList)
const openOrCloseNav = (item: NavItem) => {
    navListData.value.map(obj => {
        // 点击项的isOpen取反
        if (obj.name === item.name && item.subNav?.length) {
            obj.isOpen = !obj.isOpen
        }
        return obj
    })
    // 页面跳转
    if (!item.subNav?.length) {
        router.push({ path: item.path })
    }
}
</script> 
<style lang="scss" scoped>

</style>